<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--<meta name="apple-mobile-web-app-capable" content="yes" />-->
    <!--<meta name="apple-touch-fullscreen" content="yes" />-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta content="email=no" name="format-detection" />
    <meta content="telephone=no" name="format-detection">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">

    <title>杨凯云</title>

    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div data-menuanchor="firstPage" class="audio">
    <audio id="media">
        <source src="./bg.mp3" type="audio/mp3">
    </audio>
</div>
<div id="fullpage">
    <!-- 第一屏 -->
    <section class="section" id="first">
        <div class='parme'>
            <div class="me"></div>
        </div>
        <div class='mename'>
            <div class="fl">我是：</div>
            <div>
                <span class="nam"></span>
                <span class="nam"></span>
                <span class="nam"></span>
            </div>
        </div>
        <div class='space'></div>
        <div class="vocation animated flip">前端工程师</div>
    </section>
    <!-- 第二屏 -->
    <section class="section" id="second">
        <div class="box one">
            <span>怀着梦想的我</span>
        </div>
        <div class="box two">
            <span>来自千湖之省</span>
        </div>
        <div class="box thr">
            <span>现住上海嘉定</span>
        </div>
        <div class="box fou">
            <span>喜欢IT这个行业</span>
        </div>
        <div class="box fiv">
            <span>想找一个有凝聚力的团队</span>
        </div>
    </section>
    <!-- 第三屏 -->
    <section class="section" id="third">
        <div class="frame">
            <h2 class="fl">工作经验</h2>
            <div class="vline fl"></div>
            <div class="describe fr">
                <span>邦诚电信技术股份有限公司</span><br>
                <span>近期项目:</span><br>
                <span>聚瑞婚纱网:</span><br>
                    <p>负责PC端及其移动端首页开发，通过接口实现与第三方数据交互</p>
                <span>亲单身交友网:</span>
                <p>主要负责所有页面的开发，异步数据交互，实现简单的表单验证</p>
            </div>
        </div>
    </section>
    <!-- 第四屏 -->
    <section class="section" id="fourth">
        <ul>
            <li>
                <div class="fl">1</div>
                <div class="fr one">
                    熟练使用HTML/CSS
                </div>
            </li>
            <li>
                <div class="fl">2</div>
                <div class="fr two">
                    熟练使用javascript
                </div>
            </li>
            <li>
                <div class="fl">3</div>
                <div class="fr thr">
                    <span>熟练使用jquery</span>
                </div>
            </li>
            <li>
                <div class="fl">4</div>
                <div class="fr fou">
                    熟悉新的H5/C3/响应式
                </div>
            </li>
            <li>
                <div class="fl">5</div>
                <div class="fr fiv">
                    掌握流式布局，实现移动端开发
                </div>
            </li>
            <li>
                <div class="fl">6</div>
                <div class="fr six">
                    熟练ajax实现动态网页
                </div>
            </li>
        </ul>
    </section>
    <!-- 第五屏 -->
    <section class="section" id="fifth">
        <div class="tit">联系我吧</div>
        <div class="ad">
            <p>姓名：杨凯云</p>
            <p>电话：13585597458</p>
            <p>Q Q:2855463881</p>
        </div>
        <div class="foot"></div>
    </section>
</div>
<script src="./js/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/fullPage.js/2.8.6/jquery.fullPage.min.js"></script>
<script src="./js/main.js"></script>
</body>
</html>